<%@page import="com.AAL.Model.TypeOfAuto"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<link rel="stylesheet" href="css/validationEngine.jquery.css"
	type="text/css" />
<script src="js/jquery.validationEngine-en.js" type="text/javascript"
	charset="utf-8">
	
</script>
<script src="js/jquery.validationEngine.js" type="text/javascript"
	charset="utf-8">
	
</script>
<script>
	jQuery(document).ready(function() {
		// binds form submission and fields to the validation engine
	
		  jQuery("#frmSaveUpdateTypeOfWheel").validationEngine('attach');	  
		
	});
</script>
<h3
	style="background-color: #8AC0E9; font-size: 17px; width: 95%; padding: 10px; color: white;">Quản
lý danh mục lốp xe</h3>

<p style="clear: both;"></p>

<div style="margin: 10px;"><s:form id="frmSaveUpdateTypeOfWheel" method="post"
	action="#" theme="simple" cssClass="yform">
	<fieldset style="width: 95%;"><legend style="">Thêm
	mới lốp xe</legend>
	
	<div class="type-text">
	<div style="color:red;margin:10px 0px; margin-left:10%; font-weight: bold; font-size: 15px; "> <s:actionmessage/></div>
	
	<ul class="form">
		<li class="left">Dòng xe:</li>
		<li class="right"><s:select list="lstTypeOfAutos"
			listKey="typeOfAutoID" listValue="typeOfAutoName"
			cssClass="smallInput wide" name="typeOfWheel.typeOfAuto.typeOfAutoID" /></li>
		<li class="clr"></li>
		<li class="left">Tên nhóm lốp:(<span style="color:red;">*</span>)</li>
		<li class="right"><s:textfield cssClass="validate[required,maxSize[50]] smallInput wide" name="typeOfWheel.productName" /></li>
		<li class="clr"></li>
		<li class="left">Ký hiệu nhóm lốp:(<span style="color:red;">*</span>)</li>
		<li class="right"><s:textfield cssClass="validate[required,maxSize[2],custom[onlyLetterSp]] smallInput wide" name="typeOfWheel.typeOfWheelID" /></li>
		<li class="clr"></li>
		<li class="left">Tính năng:</li>
		<li class="right"><s:textarea cssClass="smallInput wide" name="typeOfWheel.productBenifit" cssStyle="width:85%; height:100px; margin-bottom:5px;" /></li>
		<li class="clr"></li>
		<li class="left">Công nghệ:</li>
		<li class="right"><s:textarea cssClass="smallInput wide" name="typeOfWheel.technology" cssStyle="width:85%; height:100px; margin-bottom:5px;" /></li>
		<li class="clr"></li>
		<li class="left">Mô tả:</li>
		<li class="right"><s:textarea cssClass="validate[maxSize[255]] smallInput wide" name="typeOfWheel.description" cssStyle="width:85%; height:100px; margin-bottom:5px;" /></li>
		<li class="clr"></li>
		<li class="left">Hình ảnh minh họa:</li>
		<li class="right"><s:textfield cssClass="validate[required,custom[url]] smallInput wide" name="typeOfWheel.figure" /></li>
		<li class="clr"></li>
		<li class="left">&nbsp;</li>
		<li class="right"><s:url id="Planner_addNewTypeOfWheel" value="/Planner_addNewTypeOfWheel" /> <sj:submit
			title="Lưu" id="subPlanner_addNewTypeOfWheel" href="%{Planner_addNewTypeOfWheel}"
			button="true" value="Lưu" targets="container"></sj:submit> 
			<s:url
			id="Planner_typeOfWheel1" value="/Planner_typeOfWheel" /> <sj:a
			title="Hủy" id="lnkPlanner_typeOfWheel_1"
			href="%{Planner_typeOfWheel1}" targets="container" button="true">
		      Hủy
		    </sj:a></li>
		<li class="clr"></li>
	</ul>

	</div>

	</fieldset>
</s:form></div>